<html>
<head>
<title>TqqWatcher选项</title>
<style type="text/css">

body {
    font-family: arial, sans-serif;
    background: #6BACCF top left;
    color: #fff;
}

body a, body a:visited {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px dotted #fff;
}

body a:hover {
    border-bottom: 1px solid #fff;
}

#optionsBox {
    margin: 0 auto;
    margin-top: 50px;
    width: 500px;
    text-align: center;
}

#optionsBox img {
    vertical-align: text-bottom;
}

#optionsBox input {
    margin-top: 5px;
}

#save {
    clear: both;
    float: right;
    margin: 0;
    padding: 0;
    text-align: right;
    font-size: 70%;
    font-weight: bold;
}

#icon_selection {
    margin-left: 20px;
}

table {
	border-width: 5px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
    background-color: #fff;
    color: #000;
    font-size: 90%;
    marign-bottom: 0;
}

table td {
	border-width: 1px;
	padding: 5px;
	border-style: dashed;
	border-color: #ccc;
	background-color: white;
}

table td:hover {
	background-color: #fff8dc;
}

td.left_column {
    text-align: right;
    width: 100px;
}

form {
    margin: 0;
}
</style> 
<script src="tqq.js"></script>
<script type="text/javascript">

function save_options() {
    localStorage["tqq_interval"] = G('tqq_interval').value * 1000;
}

// Restores input states to saved values from localStorage.
function restore_options() {
    var itv = new Number(localStorage['tqq_interval']);
    if (itv > 1000)
    {
        G('tqq_interval').value = itv / 1000;
    }
}

</script>
</head>
<body onload="restore_options()">

<div id="optionsBox">
    <h1>TqqWatcher选项</h1>
    <form>
    <table style="width: 100%">
        <tr>
            <td>
                检查时间间隔: <br />
                <div id="icon_selection"></div>
            </td>
            <td>
                <input type="text" id="tqq_interval" value="10"/>秒
            </td>
        </tr>
    </table>
    </form>
    <button onclick="save_options()" style="width: 70px;height: 30px">Save</button>#需要重新载入插件才能生效</p>
    <hr/>
    项目主页: http://code.google.com/p/tqqwatcher/
</div>
</body>
</html>
